// 当地游 style
@import "../../app.scss";
@import "../../src/components/major_class.scss";
body {
  padding-top: rem(3.3867);
  background-color: $grey-color;
}
.banner {
  height: rem(8.2667);
  @include bgimage("../../../../img/home/homexia/dangdiyou/banner1.png");
}
.nav {
  height: rem(11.3067);
  margin-left: rem(0.2133);
  background-color: $white-color;
  .nav_title {
    width: rem(18.1333);
    height: rem(2.6933);
    border-bottom: rem(0.0533) solid $grey-color;
    margin: 0 auto;
    font-size: rem(0.7467);
    padding: 0 rem(0.1867);
    @include myflex(row, space-between);
    .nav_title_item {
      width: rem(4.4533);
      height: rem(2.6933);

      @include myflex(row, center);
      &.active {
        border-bottom: rem(0.16) solid $blue-color;
      }
    }
  }
  .nav_list {
    width: rem(18.1333);
    margin: 0 auto;
    height: rem(8.64);
    @include myflex(row, space-between, center, wrap);
    a {
      display: block;
      .nav_list_item {
        width: rem(4.2667);
        height: rem(1.92);
        border: 1px solid $blue-color;
        font-size: rem(0.64);
        @include myflex(row, center);
        border-radius: rem(0.1333);
        color: $blue-color;
      }
    }
  }
}
.title {
  @include mypub_title(4);
  @include myflex();
  background-color: $white-color;
}
.img_list {
  height: rem(18.6667);
  padding: 0 rem(1.0667);
  .img_list_top {
    height: rem(9.4133);
    @include bgimage("../../../../img/home/homexia/dangdiyou/banner2.png");
  }
  .img_list_bottom {
    height: rem(8.6667);
    @include myflex(row, space-between);
    margin-top: rem(0.56);
    .img_list_bottom_item {
      width: rem(5.8133);
      font-size: rem(0.6933);
      height: rem(8.6667);
      border: rem(0.0533) solid $blue-color;
      border-radius: rem(0.2667);

      .img_list_bottom_item_img {
        width: 100%;
        height: rem(4.1333);
        @include bgimage("../../../../img/home/homexia/dangdiyou/img1.png");
        &.img2 {
          @include bgimage("../../../../img/home/homexia/dangdiyou/img3.png");
        }
      }
      .img_list_bottom_item_title {
        height: rem(2.5333);
        @include myflex(column, center);
      }
      .img_list_bottom_item_price {
        height: rem(1.9733);
        font-size: rem(0.5867);
        color: $red-color;
        @include myflex(row, center);
        border-top: rem(0.0533) solid $blue-color;
      }
    }
    .center{
      @include bgimage("../../../../img/home/homexia/dangdiyou/img2.png");
      @include myflex(row,space-around);
      padding-bottom: rem(.64);
      box-sizing: border-box;
      p{
        width: rem(.88);
        font-size: rem(.7733);
        color: $white-color;
        &:nth-child(2){
          align-self: flex-end;
        }
      }
    }
  }
}
